.indexHead{
  display: flex;
  top: 0;
  background-color: white;
  color: black;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  /* justify-content: space-evenly; */

}
.title{
  margin-top: 30px;
  margin-left: 50px;
  height: 50px;
  font-size: 25px;
}
.indexHeadText{
  background-color: white;
  color: black;
  margin-top: 15px;
  margin-left:200px;
  width: 600px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 50px;
  font-size: 15px;
}
.indexHeadFenge{
  color: rgb(15, 15, 15);
  display: inline;  
}
.indexHeadTextA{
  color: black;
  text-decoration: none;
}
.indexHeadTextA:hover{
  color: rgb(255, 0, 51);
}

.catalogueLogo{
  margin-left: 50px;
  width: 40px;
  height: 50px;
  display: flex;
}
.calsslable{
  width: 940px;
  height: 900px;
  /* background-color: red;  */
  margin-top: 40px;
  margin-left: 300px;
}
.calsslableContent{
  width: 940px;
  /* height: 2000px; */
  /* background-color: black; */
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: start
}
.calsslableContentChirld{
  width: 940px;
  height: 250px;
  /* background-color: blue; */
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  margin-top: 10px;
}
.input{

}
.image{
  width: 230px;
  height: 250px;
  /* background-color: yellow; */
}
.content{
  width: 700px;
  height: 250px;
  /* background-color: aqua; */
  display: flex;
  flex-wrap: wrap;

}
.name{
  width: 700px;
  height: 40px;
  /* background-color: black; */
  font-size: 20px;

}
.description{
  width: 700px;
  height: 60px;
  /* background-color: yellow; */
  font-size: 16px;
}
.author{
  width: 700px;
  height: 40px;
  /* background-color: red; */
  font-size: 20px;
  color: #1a66b3;;
  display: flex;
  align-items: center;

}
.price{
  width: 700px;
  height: 80px;
  /* background-color: blue; */
  display: flex;
  align-items: center;
  
}
.pager{
  width: 700px;
  height: 20px;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}